<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<title>${texts.form_name}</title>
<link href="//cdn.bootcss.com/weui/0.4.2/style/weui.min.css"
	rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="../Public/css/bootstrap/css/bootstrap.css" rel="stylesheet"
	type="text/css" />
<script src="http://wl.jd.com/wl.js" type="text/javascript" async=""></script>
<script src="//misc.360buyimg.com/jdf/lib/jquery-1.6.4.js"
	type="text/javascript"></script>

<script type="text/javascript" language="javascript">


    window.onload=function (){

    	var divse = document.getElementById("allmodle");
    	
    	var jiem = document.getElementById("jiem").value;;
        divse.innerHTML="";
        divse.innerHTML=jiem;
        
        
    }

	function checkData(a) {
		//alert("asdsad"+a);
		if (a!=null) {
			if (document.getElementById("name").value == "") {
				document.getElementById("name").placeholder = " * 您的名称不能为空!";
				//alert("");
				return false;
			}
		}
		
		if (document.getElementById("needs").value == "") {
			document.getElementById("needs").placeholder = " * 需求不能为空!";
			return false;
		}
		if (document.getElementById("photo").value == "") {
			document.getElementById("photo").placeholder = " * 手机号码不能为空!";
			return false;
		}

		if (vailPhone() == false) {
			document.getElementById("photo").placeholder = " * 电话号码有误，请重新输入!";
			return false;
		}

		frmAddress.action = "huokeformtoadd";
		frmAddress.method = "post";
		frmAddress.submit();
	}

	//验证手机号
	function vailPhone() {
		var phone = jQuery("#photo").val();
		var flag = false;
		var message = "";
		var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;
		if (phone == '') {
			message = "手机号码不能为空！";
		} else if (phone.length != 11) {
			message = "请输入有效的手机号码！";
		} else if (!myreg.test(phone)) {
			message = "请输入有效的手机号码！";
		} else {
			flag = true;
		}
		return flag;
	}
</script>

<script type="text/javascript">
	$(
			function() {

				$("#photo").blur(function() {
					//alert("sadsad");
					if (vailPhone() == false) {
						$("#photos").text(" * 电话号码错误请重新输入");
					} else {
						$("#photos").text("");
					}
				});

				//验证手机号
				function vailPhone() {
					var phone = jQuery("#photo").val();
					//alert(phone);
					var flag = false;
					var message = "";
					var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;
					if (phone == '') {
						message = "手机号码不能为空！";
					} else if (phone.length != 11) {
						message = "请输入有效的手机号码！";
					} else if (!myreg.test(phone)) {
						message = "请输入有效的手机号码！";
					} else {
						flag = true;
					}
					return flag;
				}

			})
</script>
</head>

<body style="background-color: #FFFFFF; color:;">
	<!-- start form  style="width: 30%;margin: 0 auto; border: 1px solid #ccc; box-shadow: 2px 2px 2px 2px #ccc;"-->
	<form id="frmAddress">

		<div class="container" id="container">
			<div class="bd ">



				<article class="weui_article text-white">
					<p style="text-align: center;">
						<span style="font-size: 18px;"><strong></strong>&nbsp;</span>
					</p>
					<p style="text-align: center;">
						<strong></strong><span style="font-size: 24px;">一律8折女神专属价</span>
					</p>
				</article>
				<article class="weui_article text-white">
					<p>
						<br>
					</p>
					<section data-source="">
						<section style="position: relative; width: 100%; margin: 0 auto;">
							<section
								style="border: none; margin: 0.5em auto; text-align: center;">
								<section style="display: inline-block;">
									<img style="width: 100%; display: inline-block;"
										src="http://buluo.lanrenmb.com/bj/images/jieri/sanba29.png"
										data-wxsrc="https://mmbiz.qlogo.cn/mmbiz/8fbA6bMTCeJK86S3DSM6kOZDt4pZK3DNLucQSxaiaImCjK1W5vrNUCR4icibxuNBoWaf00DnUjhFuceIqianJWuLMA/0?wx_fmt=png">
								</section>
								<section
									style="padding: 2em 0.5em 0.5em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 1em; margin-top: -2em; background-color: rgb(239, 38, 38);">
									<p
										style="text-align: left; text-indent: 2em; color: #fff; margin-left: 1em;">
										<br>把衣柜当魔术箱是道德的<br> 把衣柜当仓库是不道德的 <br>
										戴一枚人工合成钻戒是道德的 <br> 穿戴一身象牙扣又高谈环保是不道德的 <br>
										与男友分手时说谢谢是道德的 <br> 各奔前程后还到处宣泄是不道德的 <br> 自恋而自怜是不道德的 <br>
										自恋而自觉是道德的 <br> 一年买两件好衣服是道德的 <br> 光买衣服而没有衣尽其用是不道德的 <br>
										三台百货零折扣正在进行 <br> 3月6日至3月9日期间 <br> 一律8折女神专属价
									</p>
								</section>
							</section>
						</section>
					</section>
				</article>
				<article class="weui_article text-white">
					<div style="text-align: center;">
						<span style="font-size: 18px;"><strong><span
								style="background-color: #E53333; color: #FFFFFF;"><strong></strong></span><span
								style="background-color: #E53333; color: #FFFFFF;"></span></strong><span
							style="background-color: #E53333; color: #FFFFFF;">现在预约，折上再享9折</span></span>
					</div>
				</article>
				<article class="weui_article text-white">
					<p>
						<br>
					</p>
					<section onmouseup="">
						<p>
							<img
								src="http://buluo.lanrenmb.com/bj/images/tuwen/006qBWBXjw1fadtfm7pshg30dw044jts.gif">
						</p>
					</section>
				</article>
				<input name="jiem" id="jiem" style="display: none"
					class="weui_input" value="${texts.fordetails_url}">
				<input name="uids" id="uids" style="display: none"
					class="weui_input" value="${uid}">

				<div id="allmodle">
					<!-- 手机号码 -->
					<div class="weui_cells_title">手机号码：</div>
					<div class="weui_cell">
						<div class="weui_cell_bd weui_cell_primary">
							<!-- 手机号码 -->
							<input name="photo" id="photo" class="weui_input" type="text"
								placeholder="请输入"> <span class="error-msg" id="photos"></span>
							<!-- 手机号码 -->
						</div>
					</div>

					<!-- 尊姓大名 -->
					<div class="weui_cells_title">尊姓：</div>
					<div class="weui_cell">
						<div class="weui_cell_bd weui_cell_primary">
							<!-- 尊姓大名 -->
							<input name="name" id="name" class="weui_input" type="text"
								placeholder="请输入"> <span class="error-msg" id="names"></span>
							<!-- 尊姓大名 -->
						</div>
					</div>

					<!-- 需求 -->
					<div class="weui_cells_title">需求：</div>
					<div class="weui_cell">
						<div class="weui_cell_bd weui_cell_primary">
							<!-- 需求 -->
							<input name="needs" id="needs" class="weui_input" type="text"
								placeholder="请输入"> <span class="error-msg" id="needss"></span>
							<!-- 需求 -->
						</div>
					</div>

					<!-- 称谓 -->
					<div class="weui_cells_title">称谓：</div>
					<div class="weui_cells weui_cells_radio">
						<label class="weui_cell weui_check_label" for="xs60">
							<div class="weui_cell_bd weui_cell_primary">
								<p>女生</p>
							</div>
							<div class="weui_cell_ft">
								<!-- 称谓 -->
								<input name="males" class="weui_check" id="xs60" type="radio"
									value="女生">
								<!-- 称谓 -->
								<span class="weui_icon_checked"></span>
							</div>
						</label> <label class="weui_cell weui_check_label" for="xs61">
							<div class="weui_cell_bd weui_cell_primary">
								<p>先生</p>
							</div>
							<div class="weui_cell_ft">
								<!-- 称谓 -->
								<input name="males" class="weui_check" id="xs61" type="radio"
									value="先生">
								<!-- 称谓 -->
								<span class="weui_icon_checked"></span>
							</div>
						</label>

					</div>
				</div>



				<div class="weui_cells weui_cells_form">
					<div class="weui_btn_area ">
						<button class="weui_btn weui_btn_plain_default"
							style="height: 45px;" type="button" onclick="return checkData(${uid});"
							value="确定">确定</button>
					</div>
				</div>

			</div>
			<!-- end div bd -->
		</div>

	</form>
	<!-- end from -->
</body>

</html>